function useDescription() {
    let text = `
        选中设计图上的元素会自动识别并生成代码，面板会显示元素的类型和对应位置。
        当前选中的元素会以绿色框进行标记，父级元素会以红色框进行标记，子元素会以蓝色框进行标记。蓝湖本身的选中效果没有清除，需要点击设计图以外的地方取消蓝湖的选中效果。
        选中元素后如果再次点击会取消选中效果。由于蓝湖重复点击会导致选中其他元素，所以如果需要取消选中效果可以先通过点击设计图以外的地方来取消焦点，再点击选中的元素。

        类型：根据源数据识别对应的组件类型。现在仅支持 Image 的具体类型进行选择
        命名：如果对元素进行命名会将对应代码抽取到方法中。
        上层：显示对应元素的父级组件类型。
        位置：由于拉取蓝湖源数据存在时间问题，所以可以通过位置对照是否正常识别。不过一般不会存在对不上的情况，可以通过刷新网页来重新识别。

        关联：
        对任意元素进行关联时，会取消对应元素原有的关联层级，同时生成新的关联层级。
        关联父组件：通过对比元素位置找到最小的父级组件，其中优先选中有背景填充或边框的组件。
        关联子组件：通过对比元素位置，将所有被当前组件包裹的子组件都加入到数组中。
        编组：将选中的所有元素包裹在一个容器中。如果是其中一个元素包裹了其他元素，那这个大元素会作为父级组件。
        清空：清空所有框选效果。
        选中上层：选中父级组件。

        虚拟：虚拟元素是通过添加一个不存在于蓝湖的容器来实现层级分配
        虚拟元素可以与蓝湖元素进行关联，也可以与其他虚拟元素进行关联。
        删除选中：删除选中的虚拟元素。
        隐藏已关联：隐藏已关联的虚拟元素。重复点击可以切换是否显示已关联的虚拟元素。
        生成的虚拟元素可以点击，效果与蓝湖元素一致。

        代码：
        选中任意元素后会马上生成对应的代码，同时会将对应元素及其子元素的所用到的文案生成到内存中。
        复制代码：复制代码到剪切板
        复制文案：复制文案到剪切板
    `;

    alert(text);
}